﻿body { margin:0; padding:0; font-size:80%; font-family:Sans-serif; line-height:20px; background:#fff; }

h1 { display:inline; font-size:130%; color:#fff; }
h2 { font-size:130%; color:#1D608C; margin:0 0 10px 0; }
h3 { font-size:110%; color:#555; margin:0 0 10px 0; }

img { border:none; }
table { line-height:20px; }
input[type=submit] { cursor:pointer; }

a { color:#00f; }
a:hover { color:#f00; }

.clear { clear:both; }

#wrapper { width:1000px; background:#eee; margin:10px auto; border:1px solid #fff; border-top:none; }
    #top { width:980px; line-height:40px; background:#00BFFF; padding:0 10px; }
        #top a { text-decoration:none; }
            #top a img { display:block; width:26px; height:25px; padding-top:7px; float:left; }
            #top h1 { padding-left:10px; }
        #top #btnLogout { line-height:22px; font-size:90%; background:none; color:#eee; float:right; padding:3px 6px; margin-top:5px; margin-right:-3px; border:1px solid #eee; }
        #top #btnLogout:hover { background:#fff; color:#000; }
    #main { width:1000px; clear:both; }
        #left { width:130px; min-height:200px; float:left; padding:10px; }
            #left ul { width:141px; list-style-type:none; margin:0; padding:0; }
                #left ul a { color:#000; }
                #left ul a:hover { color:#f00; }
                #left ul li:hover { background:url('../Img/arrow.png') no-repeat right; }
        #content { width:825px; min-height:200px; border-left:1px solid #000; float:left; padding:10px 10px 20px 10px; }
    #footer { width:980px; clear:both; background:#fff; line-height:22px; font-size:90%; text-align:right; padding:0 10px; }
    
.gw { width:100%; margin:10px 0; border:1px solid #ddd; font-size:90%; }
    .gw th, .gw td { border:none; }
    .gw td { padding:4px; }
    .gw th { padding:4px; text-align:left; }
    .gw tr.alternate { background:#ddd; }
    .gw tr.header { background:#999999; }
    .gw a { color:#A3C3D4; }
    .gw a:hover { color:#00f; }
.centered td, .centered th { text-align:center; }  
 
    
#toolbox { width:805px; margin:20px 0; }
    #toolbox a { border:1px solid #bbb; padding:6px 10px; color:#000; text-decoration:none; }
        #toolbox a:hover { background:#fff; }
    #toolbox input[type=submit] { margin-top:10px; border:1px solid #bbb; padding:6px 10px; color:#000; }
        #toolbox input[type=submit]:hover { background:#fff; }

.editor fieldset { border:1px solid #6F919E; padding:10px; }
    .editor legend { font-weight:bold; color:#1F5280; background:#fff; border:1px solid #6F919E; padding:0 10px; }
    .editor label { display:block; width:100px; text-align:right; padding-top:3px; float:left; }
    .editor input[type=checkbox] { margin-top:7px; }
    .editor input[type=text], .editor input[type=password] { width:300px; margin-left:4px; }
    .editor select, .editor input[type=file] { margin-left:4px; }
    .editor input[type=submit] { margin-top:10px; border:1px solid #bbb; padding:6px 10px; color:#000; }
        .editor input[type=submit]:hover { background:#fff; }
    .editor fieldset input, .editor fieldset select { padding:3px; }
    .editor a { color:#00f; text-decoration:none; }
        .editor a:hover { color:#f00; }
    .editor span { color:#f00; } /* validace */
    .editor textarea { margin-left:4px; width:304px; height:150px; }
.longerLabel label { width:150px; }
    
#pnlPagination a { margin:0 3px; }

/* MAP DESIGNER */
#pnl { width:770px; margin:20px auto; }
    #pnl .row { width:100%; height:22px; clear:both; }
    #pnl .field { width:22px; height:22px; float:left; margin:0; }
        .field[type=wall], .field[type=border] { background:url('../Img/Fields/Wall.png') no-repeat; }
        .field[type=empty] { background:url('../Img/Fields/Cell.png') no-repeat; }
        .field[type=guardian] { background:url('../Img/Fields/Guardian.png') no-repeat; }
        .field[type=question] { background:url('../Img/Fields/Question.png') no-repeat; }
        .field[type=exit] { background:url('../Img/Fields/Exit.png') no-repeat; }
        
#designerTopPanel { width:750px; margin:0 auto; padding:5px 10px; border:1px solid #fff; clear:both; }
    input#currentCoordsBox { width:50px; text-align:center; }
    div#fieldTypePicker { width:400px; float:right; display:none; }
        img.fieldOption { display:block; float:left; width:25px; height:25px; margin:0 1px; border:1px solid #ddd; cursor:pointer; }
            .fieldOption:hover { border:1px solid #fff; }